<style scoped>
  .Supplement{
    width: 410px;
    height: 180px;
    position: absolute;
    /* top: 43%;
    left: 28%; */
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: white;
    z-index: 1000;
    box-shadow: 0 3px 3px 3px #e7e4e4;
  }
  .Sup_1{
    width: 100%;
    height: 40px;
    background: #f4f4f4;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
  }
  .Sup_1 p{
    font-weight: 700;
  }
  .Sup_2{
    margin: 10px 15px;
  }
  .Sup_3{
    margin: 10px 0 0 255px;
  }
</style>

<style>
  .Supplement .el-input__inner{
    height: 30px;
    margin-left: 15px;
  }
</style>

<template>
    <div class="Supplement">
      <div class="Sup_1">
        <p>补单</p>
        <i @click="closeuopplement" class="el-icon-close"></i>
      </div>
      <p class="Sup_2">补单的单号</p>
      <!-- <input type="text" class="inp inp5"> -->
      <el-input style="width:370px" @keyup.enter.native="determine" v-model="sequence" disabled></el-input>
      <el-button @click="closeuopplement" class="Sup_3">取消</el-button>
      <el-button @click="determine" type="primary">确定</el-button>
    </div>
</template>

<script>
export default {
  props: {
    sequence: {
      type: String,
      default: ''
    }
  },
    data(){
        return{
          odd: ''
        }
    },
    methods:{
        closeuopplement(){
            this.$emit('closeuopplement')
        },
        determine(){
          if (!this.sequence) {
            this.$alert('单号不能为空', '', {
              confirmButtonText: '确定'
            })
            return
          }
            this.$emit('determine',this.sequence)
        }
    }
}
</script>